<template>
<view>
<!--order_detail.wxml-->
<view class="container">
  <block v-if="order.shop_id > 1">
    <view class="user-mes">
      <view class="user-contact submit_header">
        <view class="submit_waitsubmit_text">
          <image src="/static/images/z-dengziti.png"></image>{{order.order_status_detail!=null?order.order_status_detail:'待自提'}}</view>
        <view @tap.stop="submit_phone" class="submit_phone" :data-phone="order.shop.shop_phone">
          <image src="/static/images/z-iphone.png"></image>联系自提点</view>
        <view class="widthcode" @tap.stop="showModel">
          <image src="/static/images/z-tihuoma.png"></image>
          <text>点击查看</text>
        </view>
      </view>

      <view class="single_process">
        <view class="step-tit">
          <text>买家下单</text>
          <text>支付成功</text>
          <text :class="((order.shop_id == 0 && order.shipping_time == 0) || order.shop_order.is_write_off == 1)?'':'submit_text'">上门自提</text>
          <text :class="order.confirm_time > 0?'':'submit_text'">交易完成</text>
        </view>
        <view class="step-icon">
          <view class="cur-step" style="left:0;">
            <image src="/static/images/z-chengs.png"></image>
          </view>
          <view style="left:160rpx;" :class="order.pay_status == 1?'cur-step':''">
            <image v-if="order.pay_status == 1" src="/static/images/z-chengs.png"></image>
          </view>
          <view style="left:340rpx;" :class="order.shop_order.is_write_off == 1?'cur-step':''">
            <image v-if=" order.shop_order.is_write_off == 1" src="/static/images/z-chengs.png"></image>
          </view>
          <view style="left:520rpx;" :class="order.confirm_time > 0 && submit_comment_status == 1?'cur-step':''">
            <image v-if="order.confirm_time > 0" src="/static/images/z-chengs.png"></image>
          </view>
        </view>
      </view>


      <view class="user-contact submit_header" style="margin-top:20rpx;">
        <view>自提时间</view>
        <view class="submit_text">{{order.shop_order.take_time}}{{}}</view>
      </view>
      <view class="user-contact submit_header">
        <view>自提地点</view>
        <view class="submit_text">{{order.shop.shop_name}}</view>
      </view>
      <view class="user-contact submit_header">
        <view>提货人</view>
        <view class="submit_text">{{order.consignee}}{{' '}}{{order.mobile}}</view>
      </view>
      <view class="border-img">
        <image class="wh100" src="/static/images/tt.png"></image>
      </view>
    </view>
  </block>

  <block v-else>
    <!-- <view wx:if="{{optionIsGoup || order.pay_status!=0}}" class="user-mes">
                <view class="user-contact">
                {{order.consignee}}{{'　　'}}{{order.mobile}}
                </view>
                <view class="location">
                    <view class="address" wx:if="{{order.prom_type!=5}}">{{order.address_region}}</view>
                    <view class="pos-icon" wx:if="{{order.prom_type!=5}}"><image class="wh100" src="../../../images/iconfont-shouhuodizhi.png" /></view>
                </view>
                <view class="border-img"><image class="wh100" src="../../../images/tt.png" /></view>
            </view> -->
  </block>



    <view class="user-mes">
        <view class="user-contact">
          {{order.consignee}}{{'　'}}{{order.mobile}}
        </view>
        <view class="location" v-if="order.prom_type!=5">
            <view class="address" v-if="order.shop_id > 0">{{order.address_region}}{{order.shop.shop_address}}</view>
            <view class="address" v-else>{{order.address_region}}{{order.address}}</view>
            <view class="pos-icon"><image class="wh100" src="/static/images/iconfont-shouhuodizhi.png"></image></view>
        </view>
        <view class="border-img"><image class="wh100" src="/static/images/tt.png"></image></view>
    </view>
  <view class="order-meg">
    <!-- <view class="order-state">{{order.order_status_detail!=null?order.order_status_detail:''}}</view> -->
    <view v-for="(item, index) in order.order_goods" :key="index" class="order-detail" v-if="isOpen == true||index<3">
      <view class="goods-img">
        <image class="wh100" :src="url + '/api/goods/goodsThumImages?goods_id=' + item.goods_id + '&width=100&height=100'"></image>
      </view>
      <navigator class="order-cont" :url="'/pages/goods/goodsInfo/goodsInfo?goods_id=' + item.goods_id" open-type="navigate">
        <view class="goods-name">{{item.goods_name}}</view>
        <view class="goods-color">{{item.spec_key_name?item.spec_key_name:''}}</view>
      </navigator>
      <view class="order-num">
        <view class="goods-price">￥{{item.member_goods_price}}</view>
        <view class="goods-num">x{{item.goods_num}}</view>
      </view>
      <view class="tk_btn">
        <view v-if="order.return_btn == 1 && item.return_goods==null && order.prom_type!=5" class="tk_btn_on" @tap="applySale" :data-recid="item.rec_id">申请售后</view>
        <view v-if="item.return_goods!=null" class="tk_btn_on" @tap="checkReturn" :data-returnid="item.return_goods.id">查看退款</view>
        <view v-if="order.comment_btn == 1 && item.is_comment == 0" class="tk_btn_on" @tap="commentGoods">去评论</view>
      </view>
    </view>
    <view v-if="order.order_goods.length>3 && isOpen == false" class="open">
      <text @tap="setOpen">展开全部</text>
    </view>
    <view v-if="order.order_goods.length>3 && isOpen == true" class="close">
      <text @tap="setClose">收起全部</text>
    </view>
    <view class="order-operate">
      <!-- <view wx:if="{{optionIsGoup}}" class="contact-us check-btn" bindtap='checkTeam'>查看拼团详情</view>
            //<view class="contact-us goods-btn" bindtap='contactService'>联系客服</view>
                      <navigator class="cancel-order goods-btn" wx:if="{{order.prom_type == 5&&order.cancel_btn==2&&order.pay_status==1}}" url="/pages/order/refund_order/refund_order?order_id={{order.order_id}}&prom_type=5" >取消订单</navigator>
            <view class="cancel-order goods-btn" wx:else hidden="{{!(order.cancel_btn==1&&order.pay_status==0)}}" bindtap="cancelOrder" data-id='{{order.order_id}}'>取消订单</view>
            <navigator hidden="{{!(order.cancel_btn==1&&order.pay_status==1)}}" class="cancel-order goods-btn" url="/pages/order/refund_order/refund_order?order_id={{order.order_id}}">取消订单</navigator>
             <navigator class="cancel-order goods-btn" wx:if="{{order.cancel_btn==0 && order.prom_type !==6}}" url="/pages/order/cancel_order_info/cancel_order_info?order_id={{order.order_id}}" >取消进度</navigator> -->
      <view v-if="optionIsGoup && order.order_status !==3 && order.order_status !==4" class="contact-us check-btn" @tap="checkTeam">查看拼团详情</view>
      <view class="contact-us goods-btn" @tap="contactService">联系客服</view>
      <navigator class="cancel-order goods-btn" v-if="order.prom_type == 5&&order.cancel_btn==2&&order.pay_status==1" :url="'/pages/order/refund_order/refund_order?order_id=' + order.order_id + '&prom_type=5'">取消订单</navigator>      
      <navigator v-if="order.cancel_btn==1 && order.pay_status==1" class="cancel-order goods-btn" :url="'/pages/order/refund_order/refund_order?order_id=' + order.order_id">取消订单</navigator>
       <view class="cancel-order goods-btn" v-if="order.cancel_btn==0 && order.order_status==0 && order.pay_status==0" @tap="cancelOrder" :data-id="order.order_id">取消订单</view>
      <navigator class="cancel-order goods-btn" v-if="order.cancel_btn==0 && order.order_status ==3 && order.pay_status!==0" :url="'/pages/order/cancel_order_info/cancel_order_info?order_id=' + order.order_id">取消进度</navigator>



    </view>
  </view>
  <view class="basic-information information">
    <view class="title">基本信息</view>
    <view class="item">
      <view>订单编号</view>
      <view>{{order.order_sn}}</view>
    </view>
    <view class="item">
      <view>下单时间</view>
      <view>{{order.addTimeFormat}}</view>
    </view>
    <view class="item" v-if="!optionIsGoup && order.prom_type!=5">
      <view>收货地址</view>
      <view class="delivery-address" v-if="order.shop_id > 0">{{order.address_region}}{{order.shop.shop_address}}</view>
      <view class="delivery-address" v-else>{{order.address_region}}{{order.address}}</view>
    </view>
    <view class="item" v-if="!optionIsGoup && order.prom_type!=5">
      <view>收货人</view>
      <view>{{order.consignee}}{{'　　'}}{{order.mobile}}</view>
    </view>
    <block v-if="order.prom_type == 11">
     <view class="item" v-if="!optionIsGoup && order.prom_type!=5">
      <view>卡券编码</view>
      <view>{{order.mixture_ticket_code}}</view>
    </view>
    </block>
    <!-- 提货券兑换订单不显示这些信息 -->
    <block v-if="order.prom_type != 11">
    <view class="item">
      <view>支付方式</view>
      <view>{{order.user_money > 0 ?'余额支付':(order.pay_name && order.pay_name != '' ? order.pay_name:'无')}}</view>
    </view>
    <view class="item" v-if="order.prom_type!=5">
      <view>配送方式</view>
      <view>{{ order.shop_id > 0 ? '上门自提' : (order.shipping_name != '' ? order.shipping_name:'无')}}</view>
    </view>
    <!-- <view class="item">
            <view>发票抬头</view>
            <view class="leave-word">{{order.invoice_title?order.invoice_title:'无'}}</view>  
        </view>
         <view class="item">
            <view>纳税人识别号</view>
            <view class="leave-word">{{order.taxpayer?order.taxpayer:'无'}}</view>  
        </view> -->
    <view class="item it-lc">
      <view class="lw-title">买家留言</view>
      <!-- <view class="leave-word">{{user_note != '' ? user_note:'无'}}</view>  -->
    </view>
    <textarea class="leave-word" placeholder="请输入内容" :value="order.user_note"></textarea>
     </block>
    <view class="item" v-if="order.prom_type == 5">
      <view class="item-l">接收手机</view>
      <view class="item-r">{{order.mobile}}</view>
    </view>

    <block v-if="order.prom_type == 4">
      <view class="item" v-if="order.pre_sell.pay_end_time !=0&&order.pre_sell.is_finished==2&&order.pay_status!=1&&(currentTime>order.pre_sell.pay_end_time)">
        <view>订单关闭</view>
        <view class="leave-word">已过尾款支付时间</view>
      </view>
      <view class="item" v-if="order.pre_sell.is_finished==3">
        <view>订单关闭</view>
        <view class="leave-word">商家取消活动,返还订金</view>
      </view>
    </block>

    <block v-for="(item, index) in order.vrorders_code" :key="index">
      <view class="item">
        <view class="item-l">电子兑换码</view>
        <view class="item-r" style="color:red;">{{item.vr_code}}</view>
      </view>
      <view class="item" v-if="order.prom_type == 5 && order.vrorders_code.length > 0">
        <view class="item-l">兑换码状态</view>
        <view class="item-r" style="color:red;" v-if="item.vr_state == 1">已使用，使用时间{{item.vr_usetime}}</view>
        <view class="item-r" style="color:red;" v-if="item.vr_state == 2"> 已过期，有效期至{{item.vr_indate}}</view>
        <view class="item-r" style="color:red;" v-if="item.vr_state == 0 && item.refund_lock < 1">未使用，有效期至{{item.vr_indate}}</view>
        <view class="item-r" style="color:red;" v-if="item.refund_lock > 0"> 已取消</view>
      </view>
    </block>
  </view>
  <block v-if="order.prom_type != 11">
  <view class="price-information information" v-if="order.prom_type == 5">
    <view class="title">价格信息</view>
    <view class="item">
      <view>订单金额</view>
      <view>￥ {{order.order_amount}}元</view>
    </view>
    <view class="item">
      <view>实付金额</view>
      <view class="pay-amount">￥ {{order.order_amount}}元</view>
    </view>
  </view>

  <view class="price-information information" v-if="order.prom_type == 4">
    <view class="title">价格信息</view>
    <block v-if="order.paid_money > 0">
      <view class="item" v-if="order.pay_status == 1">
        <view>已付尾款</view>
        <view>￥ {{order.order_amount}}元</view>
      </view>
      <view class="item">
        <view>已付订金</view>
        <view>￥ {{order.paid_money}}元</view>
      </view>

    </block>
    <block v-if="order.pay_status==0 && order.pre_sell.deposit_price > 0">
      <view class="item">
        <view>应付订金</view>
        <view>￥ {{order.order_amount}}元</view>
      </view>
      <view class="item">
        <view>尾款</view>
        <view>￥ {{order.total_amount - order.order_amount}}元</view>
      </view>
    </block>
    <view class="item">
      <view>订单总额</view>
      <view>￥ {{order.total_amount}}元</view>
    </view>
    <view class="item">
      <view>发货时间描述： {{order.pre_sell.delivery_time_desc}}</view>
    </view>
  </view>
  <view class="price-information information" v-else>
    <view class="title">价格信息</view>
    <view class="item">
      <view>商品总价</view>
      <view>￥ {{order.total_amount}}元</view>
    </view>
    <view class="item">
      <view>运费</view>
      <view>￥ {{order.shipping_price}}元</view>
    </view>
    <view class="item">
      <view>优惠券</view>
      <view>- ￥ {{order.coupon_price}}元</view>
    </view>
    <view class="item">
      <view>积分</view>
      <view>- ￥ {{order.integral_money}}元</view>
    </view>
    <view class="item">
      <view>余额</view>
      <view>- ￥ {{order.user_money}}元</view>
    </view>
    <view class="item">
      <view>活动优惠</view>
      <view>- ￥ {{order.order_prom_amount}}元</view>
    </view>
    <view class="item">
      <view>实付金额</view>
      <view class="pay-amount">￥ {{order.order_amount}}元</view>
    </view>
  </view>
  </block>
  <view class="btn-wrap">
    <view :hidden="!order.pay_btn" class="tips-btn" @tap="jumpToCart4">立即付款</view>
    <view :hidden="!order.pay_tail_btn" class="tips-btn" @tap="jumpToCart4">支付尾款</view>
    <!-- <view class="tips-btn" hidden="{{order.pay_btn}}">{{order.order_status_detail!=null?order.order_status_detail:''}}</view> -->
    <navigator @tap="confirmOrder" class="tips-btn" :hidden="!order.receive_btn">收货确认</navigator>
    <block v-if="order.shipping_name">
      <navigator :url="'/pages/user/express/express?order_id=' + order.order_id" :hidden="!order.shipping_btn" class="tips-btn">查看物流</navigator>
    </block>
  </view>
</view>





<!-- 自提点弹框 -->
<modal class="modal" :hidden="flag" no-cancel @confirm="closeModel" confirmText="确定">
  <view class="modal-content">
    <view class="time_screens">
      <view style="text-align:center;">自提订单提货凭证</view>
      <view class="bar-code">
        <image :src="url + '/api/order/getOrderBarCode?code=' + order.shop_order.bar_code"></image>
      </view>
      <!-- <view style="text-align:center;">提货码:{{order.shop_order.shop_order_id}}</view>-->

      <view class="view-wxqr" v-if="order.wx_qr != 1">
        <image class="wxqr" :src="url + order.wx_qr"></image>
      </view>
      <view class>
        <view class="user-contact model-view-padding">
          <view class="modal-show-text">
            <text>提货人：</text>
            <text>{{order.consignee}}</text>
            <text>{{order.mobile}}</text>
          </view>
          <view class="modal-show-text">
            <text>提货地址：</text>
            <text>{{order.address_region}}{{order.shop.shop_address}}</text>
          </view>
          <view class="modal-show-text">
            <text>提货时间：</text>
            <text>{{order.shop_order.take_time}}</text>
          </view>
          <view class="modal-show-text">
            <text>订单编号：</text>
            <text>{{order.order_sn}}</text>
          </view>
          <view class="modal-show-text">
            <text>实付金额：</text>
            <text>{{order.order_amount}}元</text>
          </view>
        </view>
      </view>

    </view>
  </view>
</modal>
</view>
</template>

<script>
var app = getApp();
var request = app.globalData.request;
var util = require("../../../utils/util.js");
var common = require("../../../utils/common.js");

export default {
  data() {
    return {
      url: app.globalData.setting.url,
      resourceUrl: app.globalData.setting.resourceUrl,
      order: null,
      optionIsGoup: false,
      //是否是拼团
      user_note: '',
      options: null,
      flag: true,
      currentTime: new Date().getTime(),
      // 1000
      isOpen: false,
      submit_comment_status: "",
      orders: ""
    };
  },

  components: {},
  props: {},
  onLoad: function (options) {
    var isGoup = typeof options.isGoup == 'undefined' ? false : options.isGoup;
    this.setData({
      optionIsGoup: isGoup,
      options: options
    });
    this.requestOrderDetail(options.order_id);
    uni.removeStorageSync('order:order_detail:update');
  },
  onShow: function () {
    if (uni.getStorageSync('order:order_detail:update')) {
      uni.removeStorageSync('order:order_detail:update');
      this.requestOrderDetail(this.order.order_id);
    }
  },
  methods: {
    requestOrderDetail: function (order_id) {
      var that = this;
      var url = '/api/order/order_detail?id=' + order_id;

      if (that.optionIsGoup) {
        url = '/api/order/team_detail?order_id=' + order_id;
      }

      request.get(that.url + url, {
        success: function (res) {
          var order = res.data.result.order;
          order.addTimeFormat = util.format(order.add_time);

          if (order.vrorders_code) {
            order.vrorders_code.forEach(function (value, index) {
              value.vr_indate = util.format(value.vr_indate);
              value.vr_usetime = util.format(value.vr_usetime);
            });
          } //自提订单检查是否全部已评论，是则交易完成


          let status = 1;
          let submit_order = res.data.result.order.order_goods;

          for (let i = 0; i < submit_order.length; i++) {
            if (submit_order[i]['is_comment'] == 0) {
              status = 0;
            }
          }

          that.setData({
            submit_comment_status: status,
            order: order,
            orders: res.data.result,
            user_note: unescape(order.user_note)
          });
        }
      });
    },
    contactService: function () {
      app.globalData.getConfig(function (res) {
        var phone = common.getConfigByName(res.config, 'phone');

        if (phone) {
          app.globalData.confirmBox('请联系客服：' + phone, function () {
            uni.makePhoneCall({
              phoneNumber: phone
            });
          });
        }
      });
    },

    /** 取消订单 */
    cancelOrder: function (e) {
      var that = this;
      var orderId = e.currentTarget.dataset.id;
      uni.showModal({
        title: '是否取消订单？',
        success: function (res) {
          if (res.confirm) {
            request.post('/api/user/cancelOrder', {
              data: {
                order_id: orderId
              },
              success: function (res) {
                if (res.data.status == 1) {
                  app.globalData.showSuccess('取消成功', function () {
                    that.requestOrderDetail(orderId);
                  });
                }

                if (that.options.order_type == 'virtual') {
                  uni.setStorageSync('virtual:virtual_list:update', true);
                } else {
                  uni.setStorageSync('order:order_list:update', true);
                }
              }
            });
          }
        }
      });
    },

    /** 确认收货 */
    confirmOrder: function (e) {
      var that = this;
      var orderId = this.order.order_id;
      uni.showModal({
        title: '确定已收货？',
        success: function (res) {
          if (res.confirm) {
            request.post('/api/user/orderConfirm', {
              data: {
                order_id: orderId
              },
              success: function (res) {
                app.globalData.showSuccess(res.data.msg, function () {
                  that.requestOrderDetail(orderId);
                  uni.setStorageSync('order:order_list:update', true);
                });
              }
            });
          }
        }
      });
    },

    /** 立即付款 */
    jumpToCart4: function (e) {
      if (this.optionIsGoup) {
        uni.navigateTo({
          url: '/pages/team/team_confirm/team_confirm?orderSn=' + this.order.order_sn + '&orderPay=true'
        });
      } else {
        var orderAmount = this.order.order_amount;

        if (this.order.pay_tail_btn) {
          //预售订单的支付尾款
          orderAmount = this.order.total_amount - this.order.paid_money;
        }

        common.jumpToCart4({
          order_sn: this.order.order_sn,
          order_amount: orderAmount
        }, 1);
      }
    },
    checkTeam: function () {
      uni.navigateTo({
        url: '/pages/team/team_detail/team_detail?foundId=' + this.orders.order_team_found.found_id + '&goods_id=' + this.order.order_goods[0].goods_id
      });
    },
    //申请售后
    applySale: function (e) {
      var recId = e.currentTarget.dataset.recid;
      return uni.navigateTo({
        url: '/pages/user/return_goods/return_goods?rec_id=' + recId
      });
    },
    //查看退款
    checkReturn: function (e) {
      var returnId = e.currentTarget.dataset.returnid;
      uni.navigateTo({
        url: '/pages/user/return_goods_info/return_goods_info?id=' + returnId
      });
    },
    //去评论
    commentGoods: function () {
      uni.navigateTo({
        url: '/pages/user/comment/comment?status=0'
      });
    },
    //自提点拨打联系电话
    submit_phone: function (e) {
      uni.makePhoneCall({
        phoneNumber: e.currentTarget.dataset.phone
      });
    },
    showModel: function () {
      this.setData({
        flag: false
      });
    },
    closeModel: function () {
      this.setData({
        flag: true
      });
    },

    setOpen() {
      this.setData({
        isOpen: true
      });
    },

    setClose() {
      this.setData({
        isOpen: false
      });
    }

  }
};
</script>
<style>
/* order_detail.wxss */
.container {
   padding-bottom:0rpx;
 
}
.user-mes{
    background-color: #fff;
    font-size: 32rpx;
    color: #333;
}
.user-contact{
    padding: 24rpx 30rpx;
}
.location{
    position: relative;
    padding: 0 80rpx 24rpx;
}
.pos-icon{
    position: absolute;
    left: 30rpx;
    top: 0;
    width: 32rpx;
    height: 32.5rpx;
    margin-top: 7rpx;
}
.border-img{
    width: 100%;
    height: 16rpx;
}
.order-meg{
    margin-bottom: 20rpx;
    font-size: 16rpx;
}
.order-state{
    height: 100rpx;
    line-height: 100rpx;
    padding-right: 40rpx;
    text-align: right;
    background-color: #fff;
    color: #ff6a00;
}
.order-detail{
    color: #666;
    height: 180rpx;
    position: relative;
    padding: 20rpx 0rpx 20rpx 20rpx;
    background: #fff;
}
.goods-img{
    float: left;
    width: 180rpx;
    height: 180rpx;
}
.order-cont{
    float: left;
    width: 495rpx;
    margin-left: 30rpx;
}
.goods-name{
    height: 30rpx;
    line-height: 30rpx;
    overflow: hidden;
    margin-bottom: 20rpx;
    display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 28rpx;
}
.goods-color{
    font-size: 22rpx;
    max-height:30rpx;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
}
.order-num{
    float: left;
    font-size: 24rpx;
    margin-top: 28rpx;
    margin-right: 20rpx;
    text-align: right;
    line-height: 42rpx;
    width: 495rpx;
    padding-left: 30rpx;
    position:absolute;
    bottom:65rpx;
    left:196rpx;
}
.order-operate{
    height: 100rpx; 
    padding-right: 30rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}
.check-btn{
    width:180rpx;
    height:60rpx;
    line-height:60rpx;
    text-align:center;
    margin-right:10rpx;
    border:solid 1px #f3f3f3;
    font-size:26rpx;
}
.goods-btn{
    width: 160rpx;
    height: 56rpx;
    line-height: 60rpx;
    text-align: center;
    border: solid 1px #f3f3f3;
    font-size: 26rpx;
}
.cancel-order{
    margin-left:20rpx;
}
.information{
    padding: 0 20rpx;
    background-color: #fff;
    margin-bottom: 20rpx;
    padding-bottom: 25rpx;
}
.information .title{
    height: 80rpx;
    line-height: 80rpx;
    font-size: 30rpx;
    color: #333;
    font-weight: bold;
    padding-left: 20rpx;
    position: relative;
}
.information .title::before{
    content: '';
    display: block;
    width: 5rpx;
	  height: 26rpx;
    top: 27rpx;
    left: 0rpx;
	  background-color: #ff6a00;
    position: absolute;
}
.information .item{
    display: flex;
    justify-content: space-between;
    min-height: 90rpx;
    line-height: 90rpx;
    font-size: 26rpx;
    color: #262626;
    border-bottom: solid 1rpx #f3f3f3;
}
.it-lc{
    border-bottom: none!important;
}
/* .delivery-address,.leave-word{
    width: 500rpx;
    text-align: right;
    line-height:40rpx;
    margin-top:15rpx
} */
.delivery-address{
    overflow:hidden; 
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:250px;
}
.pay-amount{
    color:#ff6a00;
}
.btn-wrap{
    height: 100rpx;
    background-color: #fff;
    text-align: right;
}
.tips-btn{
    display: inline-block;
    width: 200rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    font-size: 30rpx;
    color: #fff;
    background-color: #ff6a00;
    margin-left: 2rpx;
}
.tk_btn{
    position: absolute;
    bottom: 20rpx;
    right: 0; 
    overflow: hidden
}
.tk_btn_on{
    float:left;
    margin-right: 15rpx;
    line-height:41rpx;
    text-align:center;
    font-size:23rpx;
    border:1rpx solid #f3f3f3;
    width:112rpx;
    border-radius:10rpx;

}
.submit_header{
    display:flex;
    justify-content:space-between;
}
.submit_text{
    color:darkgray;
}
.submit_waitsubmit_text{
    color: #ea3524;
    border: 1px solid #ea3524;
    padding: 10rpx 20rpx;
    height: 47rpx;
}
.submit_waitsubmit_text image{
    width: 40rpx;
    height: 47rpx;
    margin-right: 20rpx;
    vertical-align: middle;
}
.single_process{
    font-size: 12px;
    padding: 0 30rpx;
}
.submit_phone{
    padding: 10rpx 20rpx;
}
.submit_phone image{
    width: 24rpx;
    height: 24rpx;
    margin-right: 20rpx;
}
.widthcode image{
    width: 90rpx;
    height: 70rpx;
}
.widthcode text{
    display: block;
    margin-top: 8rpx;
    font-size:0.57rem;
}
.bar-code image{
    height: 100rpx;
    width: 100%;
}
.bar-code{
    margin-bottom: 40rpx;
    margin-top: 20rpx;
}
.step-tit text{
    width: 25%;
    display: inline-block;
    text-align: center;
}
.step-icon{
    width: 80%;
    margin: 50rpx auto 0;
    border-top: 2px solid #f3f3f3;
    position: relative;
}
.step-icon view{
    width:36rpx;
    height:36rpx;
    border-radius: 100%;
    border: 2px solid #f3f3f3;
    display:inline-block;
    background-color: #fff;
    position: absolute;
    top: -20rpx;
}
.step-icon view image{
    width: 25rpx;
    height: 18rpx;
    margin-top: 9rpx;
    margin-left: 5rpx;
}
.cur-step{
    background-color: #ff0000!important;
    border:2px solid #ff0000!important;
}



/** 自提s */

.kouviewList{
    background-color: #F7F7F7;
}
.kouview{
  height:170px;
    margin-top:5px;
 
}
.kouviews{
  height:150px;
    margin-top:5px;
 
}
.time-title{
  float:left;width:20%;text-align:center;color:#45BCE8
}
.picker-text{
  text-align:center;
}
.modal-show-text text{
  margin-right: 20rpx;
}
.model-view-padding view{
 padding:10rpx 0 10rpx 0;
}
.wxqr{
    height: 150rpx;
    width: 200rpx;
}
.view-wxqr{
    justify-content:center;
    display:flex;
}
.goods-price{
    float: left;
    font-size: 30rpx;
    color: #ff6a00;
    font-weight: bold;
}
.goods-num{
    float:right;
    font-size:30rpx;
    color:#999999;
    margin-left:50rpx;
}
/** 自提e */
.leave-word{
  width: 710rpx;
	height: 140rpx;
	background-color: #f5f5f5;
  font-size: 24rpx;
  color: #898989;
  padding: 20rpx 30rpx;
  box-sizing: border-box;
}
.item-l{
  float: left;
  width: auto;
  height: 90rpx;
  line-height: 90rpx;
}
.item-r{
  width: auto;
	height: 90rpx;
  font-size: 26rpx;
  color: #262626;
  box-sizing: border-box;
  line-height: 90rpx;
  text-align: right;
}
.lw-title{
  width: 100%;
}

.smg{
  float: left;
}
.sbg{
  float: left;
}
.open,.close{
  width: 100%;
  height: 60rpx;
  line-height: 60rpx;
  text-align: center;
  font-size: 26rpx;
  background: #fff;
  color: #999;
}
.open text,.close text{
  position: relative;
}
.open text:after{
  position: absolute;
  content: '';
  width: 15rpx;
  height: 15rpx;
  border-bottom: 1rpx solid #999;
  border-right: 1rpx solid #999;
  transform: rotate(45deg);
  right: -25rpx;
  top: 0rpx;
}

.close text:after{
  position: absolute;
  content: '';
  width: 15rpx;
  height: 15rpx;
  border-bottom: 1rpx solid #999;
  border-right: 1rpx solid #999;
  transform: rotate(-135deg);
  right: -25rpx;
  top: 11rpx;
}
</style>